.image-grid {
    width: 100%;
    font-size: 0;
    word-spacing: 0;
    letter-spacing: 0;
    white-space: nowrap;
}
.image-grid > li {
    width: 32%;
    padding-top: 32%;
    margin-right: 2%;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
            background-size: cover;
}
.swiper-imageview .swiper-pagination{
    -webkit-transition: none;
    transition: none;
}
.swiper-imageview.swiper-container .swiper-slide{
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.swiper-imageview.swiper-container .swiper-slide-image{
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}
.swiper-imageview.swiper-container .swiper-pagination{
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
}
.swiper-imageview.swiper-container{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    position: fixed;
    background-color: #000;
}
.swiper-imageview{
    visibility: hidden;
    background-color: #000;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.swiper-imageview.open{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-monitor{
    color: #fff;
    background-color: #000;
    position: fixed;
    z-index: 999999;
}